const HtmlWebpackPlugin = require("html-webpack-plugin")
const path = require("path")
const {sourceMap} = require("../js/require");

module.exports = {
    mode: "development",

    devtool: "source-map",

    devServer: {
        hot: true
    },

    entry: {
        app: {
            //启动时需要加载的模块
            import: './src/app.js',
            // 该模块依赖的模块
            dependOn: 'lodash',
            //  输出文件名称
            filename: "app.entry.js"
        },
        app2: './src/app2.js',
        lodash: 'lodash'
    },

    output: {
        filename: "[name].bundle.js",
        path: path.resolve(__dirname, './dist'),
        clean: true
    },

    plugins: [
        new HtmlWebpackPlugin({
            // 打包文件的标题
            title: "multiple pages",
            // 参照于原本的index文件
            template: "./index.html",
            // 打包后生成的目录与文件名
            filename: "html/indexss.html",
            // 这个打包后的html文件依赖文件
            chunks: ['app', 'lodash'],
            // 每次打包后的依赖文件有hash标识
            hash: true
        })
    ]
}